<template>
	<div class="showtwo">
		<input type="text" placeholder="请输入手机号" v-model="uname"/>
		<br />
		<input type="text" placeholder="请输入验证码" v-model="yzm"/>
		<strong>获取验证码</strong>
	</div>
</template>

<script>
	export default{
		name:'Showtwo',
		props:['propsshow'],
		data(){
			return{
				uname:'',
				yzm:''
			}
		},
		// methods:{
		// 	btn(){
		// 		if (this.uname!=''&&this.yzm!='') {
		// 			this.axios.get('/api/data.json').then((res)=>{
						
		// 			}).catch((error)=>{
		// 				console.log(error)
		// 			})
		// 		}
		// 	}
		// }
	}
</script>

<style scoped>
	.showtwo{
		position: relative;
		width: 100%;
		height: 3.5rem;
		text-align: center;
	}
	.showtwo input:nth-child(1){
		width: 90%;
		height: 0.8rem;
		margin: 0.5rem 0;
		background-color: rgba(241,241,241,.3);
		border: none;
		border-radius: 0.1rem;
		padding: 0.2rem 0.2rem;
		font-size: 0.35rem;
		outline: none;
	}
	.showtwo input:nth-child(3){
		width: 90%;
		height: 0.8rem;
		background-color: rgba(241,241,241,.3);
		border: none;
		border-radius: 0.1rem;
		padding: 0.2rem 0.2rem;
		font-size: 0.35rem;
		outline: none;
	}
	.showtwo strong{
		position: absolute;
		top: 2.6rem;
		right: 0.65rem;
		font-size: 0.35rem;
		color: #ecc927;
	}
</style>
